<template>
	<!-- {{googsList.list}} -->
	<!-- googsList?.list?.length：{{googsList?.list?.length}} -->
	<view v-if="googsList?.list?.length>0" style="margin-top:20px">
		<w-banner :content="googsList" :styles="{}" />
	</view>
</template>

<script lang="ts" setup>
	import Card from './card.vue'
	import { reactive, ref } from 'vue'
	import { onLoad } from '@dcloudio/uni-app'
	import { apiGetgoodsList } from '@/api/goods'
	// import banner from '@/components/widgets/banner/banner.vue';

	// const images = ref([{
	// 	link: 'https://example.com/image1.jpg',
	// 	images: 'https://example.com/image1.jpg',
	// }, {
	// 	link: 'https://example.com/image2.jpg',
	// 	images: 'https://example.com/image2.jpg',
	// }, {
	// 	link: 'https://example.com/image3.jpg',
	// 	images: 'https://example.com/image3.jpg',
	// }
	// ]);


	const googsList = reactive<any>({
		list: []
	})


	const getgoogsList = async () => {
		const res = await apiGetgoodsList({ pageNo: 1, pageSize: 20, carousel: 1 })
		googsList.list = res.lists
		console.log(googsList.list, res, res.lists, '请求接口获取googslist');
	};
	getgoogsList()
</script>

<style></style>